<template>
    <div>
        <el-time-select
            v-model="value"
            :picker-options="{
                start: '08:30',
                step: '00:15',
                end: '18:30'
            }"
            @change="timeChange"
            placeholder="选择时间">
        </el-time-select>
    </div>
</template>

<script>
export default {
    name: 'timestep',

    data() {
        return {
            value: ''
        };
    },

    mounted() {
        
    },

    methods: {
        timeChange(val) {
            console.log("time=", val)
        }
    },
};
</script>

<style scoped>

</style>